.root {
    -fx-font-family: "Arial";
}

.title-label {
    -fx-font-size: 28px;
    -fx-text-fill: #ffffff;
    -fx-font-weight: bold;
}

/*.grid-pane {*/
/*    -fx-background-color: rgba(0, 0, 0, 0.5);*/
/*    -fx-padding: 20;*/
/*    -fx-border-radius: 10;*/
/*    -fx-background-radius: 10;*/
/*}*/

.grid-pane {
    -fx-background-color: #C0C0C0; /* 浅灰白色 */
    -fx-padding: 20; /* 注意：这里应该加上单位，比如px表示像素 */
    -fx-border-radius: 10px; /* 加上单位px */
    -fx-background-radius: 10px; /* 加上单位px，不过通常background-radius和border-radius可以设为相同的值 */
}

.label {
    -fx-text-fill: #ffffff;
}

.text-field, .password-field {
    -fx-background-color: #ffffff;
    -fx-text-fill: #000000;
}

.button {
    -fx-background-color: #007bff;
    -fx-text-fill: #ffffff;
    -fx-background-radius: 5;
    -fx-padding: 10 20;
}

.button:hover {
    -fx-background-color: #0056b3;
}
.custom-border {
    -fx-border-color: black;
    -fx-border-width: 2px;
    -fx-background-color: black; /* 如果你还想设置背景色的话 */
}